import './header-user-info.less';
import { UserOutlined } from '@ant-design/icons';
import { Menu, Dropdown } from 'antd';
export function HeaderUserInfo(props: {username: string}) {
    const menu = (
        <Menu>
            <Menu.Item>
            <a target="_blank" rel="noopener noreferrer" href="https://www.antgroup.com">
            账号设置
            </a>
            </Menu.Item>
            <Menu.Item>
            <a target="_blank" rel="noopener noreferrer" href="https://www.aliyun.com">
            退出登陆
            </a>
            </Menu.Item>
        </Menu>
    );
    return (
        <div className="user-info-container">
            <div className="user-icon">
                <Dropdown overlay={menu}>
                    <UserOutlined />
                </Dropdown>
            </div>
            <span>
                {props.username}
            </span>

        </div>
    );
}